.blanket {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2500;
}
.shadow,
.popup {
    position: fixed;
    left: 50%;
    top: 50%;
}
.popup {
    z-index: 3000;
}
.shadow {
    z-index: 2999;
}
.shadow * {
    position: absolute;
}
.shadow .tl {
    left: 0;
    top: 0;
    width: 16px;
    height: 17px;
    background: url(images/shadow/lt.png);
}
.shadow .tr {
    right: 0;
    top: 0;
    width: 16px;
    height: 17px;
    background: url(images/shadow/rt.png);
}
.shadow .br {
    right: 0;
    bottom: 0;
    width: 29px;
    height: 29px;
    background: url(images/shadow/rb.png);
}
.shadow .bl {
    left: 0;
    bottom: 0;
    width: 29px;
    height: 29px;
    background: url(images/shadow/lb.png);
}
.shadow .b {
    left: 29px;
    bottom: 0;
    height: 29px;
    width: 29px;
    background: url(images/shadow/b.png);
}
.shadow .l {
    left: 0;
    top: 17px;
    width: 16px;
    background: url(images/shadow/l.png);
}
.shadow .r {
    right: 0;
    top: 17px;
    width: 16px;
    background: url(images/shadow/r.png);
}
/** Dialog  */
.dialog {
    overflow: hidden;
    border: solid 1px #666;
    font-size: 1.2em;
}
.dialog h2 {
    background: #f0f0f0;
    color: #666;
    font-size: 1.1em;
    height: 43px;
    line-height: 43px;
    margin: 0;
    overflow: hidden;
    padding: 0 1em;
    position: relative;
}
.dialog .page-menu {
    background: #fff;
    border-right: solid 1px #f0f0f0;
    float: left;
    height: 100%;
    list-style: none;
    margin: 0 1.17em 0 0;
    padding: .75em 0 0 0;
    width: 25%;
}
.dialog .page-menu li {
    margin: 0;
    padding: 0;
}
.dialog .page-menu li.selected {
    background: #69c;
    color: #fff;
}
.dialog .page-menu li.selected button {
    color: #fff;
    font-weight: 800;
}
.dialog .page-menu li button {
    background: none;
    border: none;
    color: #666;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: .8em;
    padding: .4em 1.2em;
    text-align: left;
    width: 100%;
}
.dialog .panel-body {
    padding: 10px;
    overflow: auto;
}
.dialog .page-body {
}
.dialog .page-body p {
    margin: 0;
}
.dialog .button-panel {
    background: #fff;
    border-top: solid 1px #f0f0f0;
    bottom: 0;
    clear: both;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: right;
    width: 100%;
    height: 23px;
    overflow: hidden;
}
.dialog .button-panel button {
    margin-right: 1.65em;
    font-size: .75em;
    margin-top: 2px;    
}
.dialog .button-panel button.left {
    margin: 0 0 0 .5em;
    float: left;
}
/* **/
